.headTitle {
    font-weight: 800;
    font-size: 24px;
    font-family: Lato, serif;
    line-height: 64px;
    letter-spacing: 0.1rem;
    // text-align: center;
    // text-transform: uppercase;
    color: aqua;
    span {
        animation: rainbow 15s alternate infinite forwards;
        -webkit-animation: rainbow 15s alternate infinite forwards;
    }
}

.persent(@className, @pre){
    @{className}{
        color: hsl(@pre, 75%, 75%);
    }
}

@keyframes rainbow {
    .loop(@i) when (@i < 21) {
        .persent(percentage(@i * 0.05),@i * 0.05 * 1000);
        .loop(@i+1);
    }
    .loop(1);
}
